<template>
  <div id="app">
    <h3>折叠面板</h3>
    <UseMian>
      <p>寒雨连江夜入吴,</p>
      <p>平明送客楚山孤。</p>
      <p>洛阳亲友如相问，</p>
      <p>一片冰心在玉壶。</p>
    </UseMian>
    <UseMian>
      <img
        src="../assets/imgsrc/src=http___p1.itc.cn_images01_20210312_3e55452b59ca410891c5a3319a841a3e.jpeg&refer=http___p1.itc.jpg"
        alt=""
      />
    </UseMian>
    <UseMian>
      <a href="https://vip.iqiyi.com/">爱奇艺</a>
    </UseMian>
    <UseMian>
      <template v-slot="scope">
        <a href="#">{{ scope.row.default2 }}</a>
      </template>
    </UseMian>
  </div>
</template>

<script>
import UseMian from "../components/UseMian";
export default {
  components: {
    UseMian,
  },
};
</script>

<style scoped>
div {
  background-color: blanchedalmond;
}
body {
  background-color: #ccc;
}
#app {
  width: 400px;
  margin: 20px auto;
  background-color: #fff;
  border: 4px solid blueviolet;
  border-radius: 1em;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
  padding: 1em 2em 2em;
}
</style>